import React from 'react';
import { PageContainer } from '@ant-design/pro-components';
import { Card, Table } from 'antd';

const LoginLogs: React.FC = () => {
  // u793au4f8bu6570u636euff0cu5b9eu9645u5e94u4eceAPIu83b7u53d6
  const dataSource = [
    {
      id: 1,
      username: 'admin',
      ip: '192.168.1.1',
      loginTime: '2025-05-22 15:30:00',
      status: 'u6210u529f',
      device: 'Chrome / Windows'
    },
    // u66f4u591au65e5u5fd7u6570u636e...
  ];

  const columns = [
    {
      title: 'ID',
      dataIndex: 'id',
      key: 'id',
    },
    {
      title: 'u7528u6237u540d',
      dataIndex: 'username',
      key: 'username',
    },
    {
      title: 'IPu5730u5740',
      dataIndex: 'ip',
      key: 'ip',
    },
    {
      title: 'u767bu5f55u65f6u95f4',
      dataIndex: 'loginTime',
      key: 'loginTime',
    },
    {
      title: 'u72b6u6001',
      dataIndex: 'status',
      key: 'status',
    },
    {
      title: 'u8bbeu5907u4fe1u606f',
      dataIndex: 'device',
      key: 'device',
    },
  ];

  return (
    <PageContainer>
      <Card title="u767bu5f55u65e5u5fd7" bordered={false}>
        <Table dataSource={dataSource} columns={columns} rowKey="id" />
      </Card>
    </PageContainer>
  );
};

export default LoginLogs;
